<!DOCTYPE html>
<!--
IWA project - index.html
Maximilian Einoeder
Mark Mensing
-->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>RARAR</title>
        <link type="text/css" href="css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" />	
        <link type="text/css" href="css/rarar.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>	
        <script type="text/javascript" src="js/index.js"></script>
    </head>
    <body>
        <div class="mainDiv">
		<div class="logo"></div>
            <div class="formDiv">
		<h4>Please enter your connection details:</h4>
                <form id="formInput" class="inputForm" action="php/result.php" method="POST">
                <table style="margin-top:-10px;">
                                    <tr>
                                        <td><div class="description">From:</div></td>
                                        <td><input type="text" id="inFrom" class="formfield"  name="inFrom" /></td>
                                        <td><div class="ui-widget" id="alertFrom" style="display: none">
                                                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
                                                    <p>
                                                        <span class="ui-icon ui-icon-alert" 
                                                              style="float: left; margin-right: .3em;"></span>
                                                        <strong>Alert:</strong> No valid starting point.
                                                    </p>
                                                </div>
                                            </div>
                                    </tr>
                                    <tr>
                                        <td><div class="description">To:</div></td>
                                        <td><input type="text" id="inTo" class="formfield" name="inTo" /></td>
                                        <td><div class="ui-widget" id="alertTo" style="display: none">
                                                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
                                                    <p>
                                                        <span class="ui-icon ui-icon-alert" 
                                                              style="float: left; margin-right: .3em;"></span>
                                                        <strong>Alert:</strong> This is not a valid destination.
                                                    </p>
                                                </div>
                                            </div></td>
                                    </tr>
                                    <tr>
                                        <td><div class="description">Date:</div></td>
                                        <td><input type="text" id="inDate" class="formfield"  name="inDate"/></td>
                                        <td><div class="ui-widget" id="alertDate" style="display: none">
                                                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
                                                    <p>
                                                        <span class="ui-icon ui-icon-alert" 
                                                              style="float: left; margin-right: .3em;"></span>
                                                        <strong>Alert:</strong> No date given.
                                                    </p>
                                                </div>
                                            </div></td>
                                    </tr>
                                    <tr>
                                        <td><div class="description">At:</div></td>
                                        <td><input type="text" id="inHour" name="inHour" class="inTime" maxlength="2"/> : <input type="text" maxlength="2" id="inMinute" name="inMinute" class="inTime" /></td>
                                        <td><div class="ui-widget" id="alertTime" style="display: none">
                                                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
                                                    <p>
                                                        <span class="ui-icon ui-icon-alert" 
                                                              style="float: left; margin-right: .3em;"></span>
                                                        <strong>Alert:</strong> Not a valid start time. Use hh mm format.
                                                    </p>
                                                </div>
                                            </div></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2"><input type="button" id="submitInput" name="submitInput" class="submit" value="Submit" /></td>
                                    </tr>
                                </table></td>
                </form>
            </div>
        </div>
    </body>
</html>


